<template>
	<!--判断是否是标签节点-->
	<block v-if="node.node == 'element'">
		<!--button类型-->
		<block v-if="node.tag == 'button'">
			<button type="default" size="mini">
			</button>
		</block>

		<!--li类型-->
		<block v-else-if="node.tag == 'li'">
			<view :class="node.classStr" :style="node.styleStr">
				{{ node.text }}
			</view>
		</block>

		<!--video类型-->
		<block v-else-if="node.tag == 'video'">
			<wx-parse-video :node="node" />
		</block>

		<!--img类型-->
		<block v-else-if="node.tag == 'img'">
			<wx-parse-img :node="node" />
		</block>

		<!--a类型-->
		<block v-else-if="node.tag == 'a'">
			<view @click="wxParseATap" :class="node.classStr" :data-href="node.attr.href" :style="node.styleStr">
				{{ node.text }}
			</view>
		</block>

		<!--br类型-->
		<block v-else-if="node.tag == 'br'">
			<text>\n</text>
		</block>

		<!--其他标签-->
		<block v-else>
			<view :class="node.classStr" :style="node.styleStr">
				{{ node.text }}
			</view>
		</block>
	</block>

	<!--判断是否是文本节点-->
	<block v-else-if="node.node == 'text'">{{ node.text }}</block>
</template>

<script>
import wxParseImg from './wxParseImg';
import wxParseVideo from './wxParseVideo';

export default {
	name: 'wxParseTemplate11',
	props: {
		node: {},
	},
	components: {
		wxParseImg,
		wxParseVideo,
	},
	methods: {
		wxParseATap(e) {
			const {
				href
			} = e.currentTarget.dataset;
			if (!href) return;
			let parent = this.$parent;
			while (!parent.preview || typeof parent.preview !== 'function') {
				parent = parent.$parent;
			}
			parent.navigate(href, e);
		},
	},
};
</script>
